<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3扁平化面包屑导航</title>
    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css"/>
</head>
<body>

<link href="css/font-awesome.css" rel="stylesheet">

<h1>CSS3扁平化面包屑导航</h1>


<ul id="breadcrumb">
    <li><a href="#"><span class="icon icon-home"> </span></a></li>
    <li><a href="#"><span class="icon icon-beaker"> </span> Projects</a></li>
    <li><a href="#"><span class="icon icon-double-angle-right"></span> Breadcrumb</a></li>
    <li><a href="#"><span class="icon icon-rocket"> </span> Getting started</a></li>
    <li><a href="#"><span class="icon icon-arrow-down"> </span> Download</a></li>
    <li><a href="#"><span class="icon icon-arrow-down"> </span> Download</a></li>
</ul>

<div style="text-align:center;clear:both"><br>
    <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p><br>
    <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
</div>

</body>
</html>